<template>
  <div class="file">
      <div :style="`height:${bodySize.height - 101}px`">
      <files />
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent, reactive, toRefs } from "vue";
import { useStore } from "vuex";
import Files from "@/components/file/Files.vue";
/**
 * state 数据类型
 */
// interface IState{}
export default defineComponent({
    name: "File",
    components: { Files },
    setup() {
            const store = useStore();
            const { UIAuth, bodySize } = toRefs(store.state);
            // const state = reactive<IState>({});
            return {
                UIAuth,
                bodySize,
               //  ...toRefs(state)
            };
    },
});
</script>

<style scoped lang="scss">

</style>